<template>
  <div>
      <TypeNav />
      <ListContainer />
      <Recommend />
      <Rank />
      <Like />
      <Floor v-for="floor in floorListData" :key="floor.id" :floor="floor" :cname="'floor-container'+floor.id"/>
      <Brand />
  </div>
</template>

<script>
// import TypeNav from './TypeNav'
import ListContainer from './ListContainer'
import Recommend from './Recommend'
import Rank from './Rank'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'
import {mapState} from 'vuex'
export default {
    name:'Home',
    components:{
      // TypeNav,
      ListContainer,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand
    },
    computed:{
      ...mapState('home',["floorListData"])
    },
    mounted(){
      this.$store.dispatch('home/getFloorListData')
    }
}
</script>

<style>

</style>